<template>
  <div>
    <Xxx :data="arr">
      <h2>标题使用了默认插槽</h2>
      <template #con>
        <div>
          具名插槽内容
        </div>
      </template>
      <template #bottom="scope">
        <div>
          作用域插槽使用：{{ scope.msg }}----{{ scope.data }}
        </div>
      </template>
      <template #aaa="{item}">
        <div style="color:red;">
          {{ item }}-----管理员----操作
        </div>
      </template>
    </Xxx>
  </div>
</template>
<script>
import Xxx from './components/Xxx.vue'
export default {
  components: {
    Xxx
  },
  data() {
    return {
      arr: ['1111', '2222']
    }
  }
}
</script>
<style>
</style>
